<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>管理员</title>
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<link href="/myOA/static/css/cart.css" rel="stylesheet" />
<link href="/myOA/static/css/forms.css" rel="stylesheet" />
<style>
	#myPic{
		position:absolute;
		left:160px;
		top:250px;
		width:300px;
		height:250px;
		border:1px solid #fff;
		z-index:10;
		display:none;
	}
	#myPic img{
		width:100%;
	}
</style>
</head>
<body>
	<div id="myPic"><img src=""/></div>
	<div id="cover"></div>
	<!-- 添加 -->
	<div id="addStaffForm">
		<div class="deptInfos">
			<div class="staffForm staffFormFirst">
				<span class="confirmDept">添加员工</span>
			</div>
			<div class="staffForm">
				<span class="formTitle">用户名:</span>
				<input class="staffInfo" type="text"/>
			</div>
			<div class="staffForm">
				<span class="formTitle">密码:</span>
				<input class="staffInfo" type="text" />
			</div>
			<div class="staffForm">
				<span class="formTitle">确认密码：</span>
				<input type="text" />
			</div>
			<div class="staffForm">
				<span class="formTitle">所在部门:</span>
				<input class="staffInfo" type="text" />
			</div>	
			<div class="staffForm">
				<span class="formTitle">性别:</span>
				<input class="staffGender" type="radio" name="gender" value="1"/> 男
				<input class="staffGender" type="radio" name="gender" value="0"/> 女
			</div>
			<div class="staffForm">
				<span class="formTitle"><button onclick="uploadPic()">上传</button></span>
				<input type="file" id="myPhoto"/>											
			</div>
			<div class="staffForm">
				<span class="formTitle">角色:</span>
				<input class="staffInfo" type="text" />
			</div>
			<div class="staffForm">
				<span class="formTitle">当前状态:</span>
				<input class="staffInfo" type="text" />
			</div>				
			<div class="staffForm">
				<button class="confirmDept" type="button" id="addStaffFormBtn">保存</button>
				<button class="confirmDept" type="reset">全部重写</button>
				<button class="confirmDept" type="button" id="cancelAddDept">返回</button>
			</div>
		</div>
		<div style="clear:both;"></div>
    </div>
    <!-- 修改 -->
    <div id="modifyStaffForm">
		<div class="deptInfos">
			<div class="staffForm staffFormFirst">
				<span class="confirmDept">修改员工</span>
			</div>
			<div class="staffForm">
				<span class="formTitle">用户名:</span>
				<input class="staffInfoModify" type="text"/>
			</div>
			<div class="staffForm">
				<span class="formTitle">密码:</span>
				<input class="staffInfoModify" type="text" />
			</div>
			<div class="staffForm">
				<span class="formTitle">确认密码：</span>
				<input type="text" />
			</div>
			<div class="staffForm">
				<span class="formTitle">所在部门:</span>
				<input class="staffInfoModify" type="text" />
			</div>	
			<div class="staffForm">
				<span class="formTitle">性别:</span>
				<input id="male" class="staffGenderModify" checked="checked" type="radio" name="gender" value="1"/> 男
				<input id="female" class="staffGenderModify" type="radio" name="gender" value="0"/> 女
			</div>
			<div class="staffForm">
				<span class="formTitle">上传文件:</span>
				<input type="file"/> 
			</div>
			<div class="staffForm">
				<span class="formTitle">角色:</span>
				<input class="staffInfoModify" type="text" />
			</div>
			<div class="staffForm">
				<span class="formTitle">当前状态:</span>
				<input class="staffInfoModify" type="text" />
			</div>				
			<div class="staffForm">
				<button class="confirmDept" type="button" id="modifyStaffFormBtn">保存</button>
				<button class="confirmDept" type="reset">全部重写</button>
				<button class="confirmDept" type="button" id="cancelAddDept">返回</button>
			</div>
		</div>
		<div style="clear:both;"></div>
    </div> 
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span class="info"></span>
						<input type="hidden" value="${sessionScope.id}"  id="myId"/>
						<input type="hidden" value="${sessionScope.roleId }" id="roleId"/>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span class="info"></span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span class="info infoCount">0</span>条新消息						
					</p>
				</div>
			</div>
			<div class="menus">
			</div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#">表情笑脸</a>
				</div>
				<div class="nav last">
					<a href="#">日期显示</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：员工管理</div>
			<div class="title">用&nbsp;户&nbsp;管&nbsp;理</div>
			<div class="contents">
				<div class="addNote">
					<button id="addStaff">添加用户</button>
				</div>
				<div class="myNotes">
					<table id="division">
						<thead>
							<tr class="theader">
								<th>用户ID</th>
								<th>姓名</th>
								<th>密码</th>
								<th>角色</th>
								<th>用户详情</th>
								<th>修改</th>
								<th>删除</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>
	
<script src="/myOA/static/js/jquery-3.3.1.min.js"></script>
<script src="/myOA/static/js/common.js"></script>	
<script src="/myOA/static/js/manage_hr_staff.js"></script>

</body>
</html>